<template>
<!-- 
  初识指令 - 特殊的html标签属性
  v-text => innerText => 在标签里渲染文字内容
    v-text="变量 绑定的数据 表达式"
  v-html => innerHTML => 在标签里渲染html标签
 -->
  <div>
    <h1>App</h1>
    <!-- 属性名 v-text 属性值 text (data中有定义数据) -->
    <div v-text="text"></div>
    <div v-text="html"></div>
    <div v-html="html"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: '我是text',
      html: '<h1>我是html</h1>'
    }
  }
}
</script>

<style>

</style>